<template>
  <div class="index-list-edit-box-center-head">
    <div class="new-phone-header">
      <p v-if="pageObj.title">{{pageObj.title}}</p>
      <img src="./../../../../assets/img/home/phone_header.png" alt />
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return {};
  },
  computed: {
    ...mapState({
      pageObj: state => state.modulePage.moduledata
    })
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="less">
.new-phone-header {
  width: 100%;
  height: 75px;
  position: relative;
  // border: 1px solid transparent;
  > p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
  }
  > img {
    width: 100%;
  }
}
</style>
